.star_diagram_template_pic {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #eef1f6;
    .img {
        width: 48px;
        height: 48px;
        pointer-events: none;
        border-radius: 50%;
        margin-bottom: 16px;
    }
    .title {
        font-size: 20px;
        font-weight: 500;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
        padding:4px;
    }
    .text {
        padding:4px;
    }
}
.star_diagram_template_pic2 {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    background-color: #eef1f6;
    padding:0px  5px;
    .img {
        width: 48px;
        height: 48px;
        pointer-events: none;
        border-radius: 50%;
        border:2px solid rgb(176, 207, 245);
        margin: auto;
    }
    .body {
        display: flex;
        height: 100%;
        width: calc(100% - 50px);
        flex-direction: column;
        justify-content: center;
        align-items: space-around;
    }
    .title {
        font-size: 20px;
        font-weight: 500;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
        padding:4px;
    }
    .text {
        padding:4px;
    }
}
.star_diagram_template_model {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    background-color: #eef1f6;
    border:2px solid Grey;
    padding:1px;
    .type {
        display: flex;
        width: 100%;
        height: 25px;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        background: dimgrey;
        border-bottom:1px solid Grey;
        color:white;
        font-size: 18px;
        font-weight: 500;
    }
    .body {
        display: flex;
        width: 100%;
        height: calc(100% - 25px);
        flex-direction: column;
        justify-content: center;
        align-items: space-around;
    }
    .title {
        font-size: 20px;
        font-weight: 500;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
        padding:4px;
    }
    .text {
        padding:4px;
    }
}